<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="徐光宗的在线简历 - Java开发工程师">
    <title>徐光宗 - Java开发工程师</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-brand">徐光宗的简历</div>
            
            <!-- 汉堡菜单按钮 - 移动端显示 -->
            <button class="hamburger" id="hamburger">
                <i class="fas fa-bars"></i>
            </button>
            
            <!-- 导航链接 -->
            <ul class="nav-links" id="navLinks">
                <li><a href="#education"><i class="fas fa-graduation-cap"></i> 教育</a></li>
                <li><a href="#skills"><i class="fas fa-laptop-code"></i> 技能</a></li>
                <li><a href="#projects"><i class="fas fa-project-diagram"></i> 项目</a></li>
                <li><a href="#experience"><i class="fas fa-briefcase"></i> 经历</a></li>
                <li><a href="#summary"><i class="fas fa-user-edit"></i> 自我评价</a></li>
                <li>
                    <button class="print-btn" onclick="window.print()">
                        <i class="fas fa-print"></i> 打印简历
                    </button>
                </li>
            </ul>
        </div>
    </nav>

    <div class="resume-wrapper">
        <header class="resume-header">
            <div class="profile-container">
                <img src="2.jpg" alt="徐光宗个人照片" class="profile-photo">
                <div class="profile-content">
                    <h1 class="name">徐光宗</h1>
                    <p class="title">Java开发工程师</p>
                    <div class="contact-details">
                        <div class="contact-item">
                            <i class="fas fa-phone-alt"></i>
                            <span>18808904716</span>
                        </div>
                        <div class="contact-item">
                            <i class="fas fa-envelope"></i>
                            <a href="mailto:1928946480@qq.com">1928946480@qq.com</a>
                        </div>
                        <div class="contact-item">
                            <i class="fab fa-github"></i>
                            <a href="https://gitee.com/xu-guang-zong" target="_blank" rel="noopener">gitee.com/xu-guang-zong</a>
                        </div>
                        <div class="contact-item">
                            <i class="fas fa-map-marker-alt"></i>
                            <span>海南海口</span>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <main class="resume-content">
            <section class="education-section" id="education">
                <h2 class="section-title">
                    <i class="fas fa-graduation-cap"></i>
                    <span>教育背景</span>
                </h2>
                <div class="education-item">
                    <div class="education-header">
                        <h3>海南经贸职业技术学院</h3>
                        <span class="education-period">2023.09 - 2026.06</span>
                    </div>
                    <p class="education-major">软件技术专业 | 预计2026年6月毕业</p>
                    <div class="education-details">
                        <div class="courses">
                            <h4>主修课程</h4>
                            <ul class="course-list">
                                <li>Java编程</li>
                                <li>数据库原理</li>
                                <li>Web前端开发</li>
                                <li>软件工程</li>
                                <li>数据结构与算法</li>
                            </ul>
                        </div>
                        <div class="academic-projects">
                            <h4>学术项目</h4>
                            <p>参与学生信息管理系统开发，负责前端页面开发</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="skills-section" id="skills">
                <h2 class="section-title">
                    <i class="fas fa-laptop-code"></i>
                    <span>技术能力</span>
                </h2>
                <div class="skills-container">
                    <div class="skill-category">
                        <h3 class="skill-category-title">编程语言</h3>
                        <div class="skill-tags">
                            <span class="skill-tag">Java</span>
                            <span class="skill-tag">Python</span>
                            <span class="skill-tag">JavaScript</span>
                            <span class="skill-tag">SQL</span>
                        </div>
                    </div>
                    <div class="skill-category">
                        <h3 class="skill-category-title">开发框架</h3>
                        <div class="skill-tags">
                            <span class="skill-tag">Spring Boot</span>
                            <span class="skill-tag">MyBatis</span>
                        </div>
                    </div>
                    <div class="skill-category">
                        <h3 class="skill-category-title">前端技术</h3>
                        <div class="skill-tags">
                            <span class="skill-tag">HTML5</span>
                            <span class="skill-tag">CSS3</span>
                            <span class="skill-tag">JavaScript</span>
                        </div>
                    </div>
                    <div class="skill-category">
                        <h3 class="skill-category-title">工具与平台</h3>
                        <div class="skill-tags">
                            <span class="skill-tag">Git</span>
                            <span class="skill-tag">MySQL</span>
                            <span class="skill-tag">Linux</span>
                            <span class="skill-tag">IntelliJ IDEA</span>
                        </div>
                    </div>
                </div>
            </section>

            <section class="projects-section" id="projects">
                <h2 class="section-title">
                    <i class="fas fa-project-diagram"></i>
                    <span>项目经验</span>
                </h2>
                <div class="project-item">
                    <div class="project-header">
                        <h3 class="project-name">学生信息管理系统</h3>
                        <span class="project-period">2022.03 - 2022.06</span>
                    </div>
                    <div class="project-content">
                        <div class="project-description">
                            <h4>项目描述</h4>
                            <p>基于Spring Boot和MySQL开发的学生信息管理系统，支持学生信息的增删改查、用户管理等功能，日均访问量200+次</p>
                        </div>
                        <div class="project-responsibilities">
                            <h4>我的职责</h4>
                            <ul class="responsibility-list">
                                <li>设计数据库表结构，优化查询性能</li>
                                <li>实现RESTful API接口，包括用户认证、学生信息管理模块</li>
                                <li>参与前端页面开发，使用Thymeleaf模板引擎</li>
                            </ul>
                        </div>
                        <div class="project-technologies">
                            <h4>技术栈</h4>
                            <div class="tech-tags">
                                <span class="tech-tag">Java</span>
                                <span class="tech-tag">Spring Boot</span>
                                <span class="tech-tag">MySQL</span>
                                <span class="tech-tag">HTML/CSS</span>
                                <span class="tech-tag">JavaScript</span>
                            </div>
                        </div>
                        <div class="project-achievements">
                            <h4>项目成果</h4>
                            <ul class="achievement-list">
                                <li>系统稳定运行6个月</li>
                                <li>日均访问量200+次</li>
                                <li>获得学院优秀项目奖</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <section class="experience-section" id="experience">
                <h2 class="section-title">
                    <i class="fas fa-briefcase"></i>
                    <span>其他经历</span>
                </h2>
                <div class="experience-item">
                    <h3 class="experience-title">在线学习与技术提升</h3>
                    <span class="experience-period">持续学习</span>
                    <div class="experience-content">
                        <p>通过慕课网、B站等平台持续学习新技术，完成以下课程：</p>
                        <ul class="course-list">
                            <li>《Spring Boot实战》- 完成项目开发认证</li>
                            <li>《Java企业级开发》- 获得优秀学员称号</li>
                            <li>《前端开发入门到精通》- 完成所有实战项目</li>
                        </ul>
                    </div>
                </div>
            </section>

            <section class="summary-section" id="summary">
                <h2 class="section-title">
                    <i class="fas fa-user-edit"></i>
                    <span>自我评价</span>
                </h2>
                <div class="summary-content">
                    <ul class="summary-list">
                        <li>扎实的Java编程基础，熟悉面向对象设计原则和常用设计模式</li>
                        <li>良好的问题解决能力，能够独立分析和解决技术问题</li>
                        <li>强烈的学习热情，每月至少学习一门新技术或阅读一本技术书籍</li>
                        <li>优秀的团队协作能力，在项目中积极沟通，乐于分享知识</li>
                        <li>注重代码质量，有良好的编码习惯和文档编写能力</li>
                    </ul>
                </div>
            </section>
        </main>

        <footer class="resume-footer">
            <div class="footer-content">
                <p class="copyright">© <span id="current-year"></span> 徐光宗 - 个人简历</p>
                <div class="social-links">
                    <a href="https://gitee.com/xu-guang-zong" target="_blank" rel="noopener" aria-label="Gitee">
                        <i class="fab fa-github"></i>
                    </a>
                    <a href="mailto:1928946480@qq.com" aria-label="Email">
                        <i class="fas fa-envelope"></i>
                    </a>
                </div>
            </div>
        </footer>

        <!-- 返回顶部按钮 -->
        <button class="back-to-top" id="backToTop" title="返回顶部">
            <i class="fas fa-arrow-up"></i>
        </button>
    </div>

    <script>
        // 自动更新年份
        document.getElementById('current-year').textContent = new Date().getFullYear();
        
        // 返回顶部按钮
        const backToTopBtn = document.getElementById('backToTop');
        
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 300) {
                backToTopBtn.style.display = 'block';
            } else {
                backToTopBtn.style.display = 'none';
            }
        });
        
        backToTopBtn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                const targetElement = document.querySelector(targetId);
                
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                    
                    // 移动端点击后关闭菜单
                    if (window.innerWidth <= 768) {
                        navLinks.classList.remove('active');
                        hamburger.innerHTML = '<i class="fas fa-bars"></i>';
                    }
                }
            });
        });
        
        // 汉堡菜单功能
        const hamburger = document.getElementById('hamburger');
        const navLinks = document.getElementById('navLinks');
        
        hamburger.addEventListener('click', () => {
            navLinks.classList.toggle('active');
            
            // 切换图标
            if (navLinks.classList.contains('active')) {
                hamburger.innerHTML = '<i class="fas fa-times"></i>';
            } else {
                hamburger.innerHTML = '<i class="fas fa-bars"></i>';
            }
        });
    </script>
</body>
</html>